<script>
	export default {
		onLaunch: function() {
			console.log('>>>>>>>>>>>>>>>APP onLaunch<<<<<<<<<<<<<<')
		},
		onShow: function() {},
		onHide: function() {}
	}
</script>

<style lang="scss">
	@function px_2_vw($px) {
		@return #{$px * 100 / 1920}vw;
	}


	@function px_2_vh($px) {
		@return #{$px * 100 / 1040}vh;
	}

	@import "@/uni_modules/uview-ui/index.scss";
	@import "@/uni_modules/uview-ui/libs/css/flex.scss";

	/**
	 * 1、nuve中写css样式时的注意事项: https://uniapp.dcloud.io/tutorial/nvue-css.html
	 * 2、rpx 与 px 单位使用约定
	 * 注意只有当你需要某元素的单位要根据屏幕宽度（小范围）大小变化时，才需要rpx这类动态宽度单位。
	 * 一般情况下高度和字体大小是不应该根据屏幕宽度（等比）变化的。所以高度和字体统一都使用px
	 */
	page {
		background: #FFFFFF;
		color: $u-main-color;
		font-size: 14px;
	}

	.page-box {
		width: 100%;
		height: 100vh;
	}
	
	.u-nav-slot-center {
		display: flex;
		align-items: center;
		color: #B0B0B0;
		font-size: px_2_vw(54);
	
	}

	.back-btn {
		color: #fff !important;
		border-color: #E5E5E5 !important;
		// width: px_2_vw(109) !important;
		height: px_2_vw(51) !important;
		border-radius: 39px;
		font-size: 12px !important;
		line-height: px_2_vw(51) !important;
		background: #5A61ED;
		// margin: 0 !important;
	}

	.u-page {
		padding: 15px 15px 40px 15px;
	}

	view,
	navigator,
	image,
	text,
	scroll-view,
	swiper,
	swiper-item,
	input,
	textarea,
	button {
		box-sizing: border-box;
	}

	/* 文字避头尾法则 */
	.btw {
		table-layout: fixed;
		word-wrap: break-word;
		word-break: normal;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.bg-white {
		background: #fff;
	}

	.font-weight {
		font-weight: bold;
	}
	
	.flex-align-center {
		display: flex;
		align-items: center;
	}
	
	.flex-between {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.flex-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.flex1 {
		flex:1;
	}
</style>